<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<title>登陆 - 用户中心</title>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="stylesheet" type="text/css"
			href="${rootPath }/common/resource/head_boot/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="${rootPath }/common/resource/head_boot/css/main.css" />
		
		<script type="text/javascript" src="${rootPath }/common/resource/head_boot/js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="${rootPath }/common/resource/head_boot/js/popper.min.js"></script>
		<script type="text/javascript" src="${rootPath }/common/resource/head_boot/bootstrap/js/bootstrap.min.js"></script>
	</head>
	<body>
	<!-- 网页头部开始 -->
	<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
		<a class="navbar-brand" href="#">Logo</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse"
			data-target="#navbarSupportedContent"
			aria-controls="navbarSupportedContent" aria-expanded="false"
			aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>
		<div class="collapse navbar-collapse" id="navbarSupportedContent">
			<ul class="navbar-nav mr-auto">
				<li class="nav-item active"><a class="nav-link" href="#">首页
						<span class="sr-only">(current)</span>
				</a></li>
				<li class="nav-item"><a class="nav-link" href="#">登陆</a></li>
				<li class="nav-item dropdown"><a
					class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
					role="button" data-toggle="dropdown" aria-haspopup="true"
					aria-expanded="false"> 下拉 </a>
					<div class="dropdown-menu" aria-labelledby="navbarDropdown">
						<a class="dropdown-item" href="#">子菜单-1</a> <a
							class="dropdown-item" href="#">子菜单-2</a>
						<div class="dropdown-divider"></div>
						<a class="dropdown-item" href="#">子菜单-3</a>
					</div></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">面板</a>
				</li>
			</ul>
			<!-- 小分辨率要藏起来 -->
			<form class="form-inline my-2 my-lg-0 hidden-sm">
				<input class="form-control mr-sm-2" type="search" placeholder="关键字"
					aria-label="Search">
				<button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
			</form>

			<ul class="navbar-nav">
				<!-- 小分辨率要藏起来 -->
				<li class="nav-item navbar-text"><a href="#"> <img
						src="${rootPath }/common/resource/head_boot/img/user-pic.png" width="28" height="28">
				</a></li>
				<li class="nav-item dropdown"><a
					class="nav-link dropdown-toggle" href="#" id="navbarDropdownRight"
					role="button" data-toggle="dropdown" aria-haspopup="true"
					aria-expanded="false"> 个人中心 <span class="sr-only">(current)</span>
				</a>
					<div class="dropdown-menu" aria-labelledby="navbarDropdownRight">
						<a class="dropdown-item" href="#">个人中心-1</a> <a
							class="dropdown-item" href="#">个人中心-2</a>
						<div class="dropdown-divider"></div>
						<a class="dropdown-item" href="#">个人中心-3</a>
					</div></li>
			</ul>
		</div>
	</nav>
	<!-- 网页的主体 -->
	<div class="container">
		<div class="col-md-8 col-sm-10">
			<form id="form" class="form-horizontal" method="post"
				action="main.html">
				<input type="hidden" name="returnUrl" value="">

				<h2
					class="col-sm-10 col-sm-offset-1 form-signin-heading text-center">登陆</h2>
				<div class="form-group">
					<label for="email" class="col-sm-3 control-label">邮箱</label>
					<div class="col-sm-8">
						<input type="text" id="email" name="email" class="form-control"
							value="" placeholder="邮箱">
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword" class="col-sm-3 control-label">密码</label>
					<div class="col-sm-8">
						<input type="password" name="password" id="inputPassword"
							class="form-control" placeholder="密码" />
					</div>
				</div>
				<div class="form-group">
					<label for="email" class="col-sm-3 control-label">验证码</label>
					<div class="col-sm-8">
						<div class="input-group">
							<span class="input-group-addon">
								<a href="#" tabindex="-1"
									onclick="return refreshCode('imgCode');">
									<img id="imgCode" src="${rootPath }/common/Common/imgCode" title="点击刷新验证码" width="75" height="20" />
								</a>
							</span> <input type="text" id="code" name="code" class="form-control"
								placeholder="验证码">
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-8 col-sm-offset-2">
						<div class="input-group">
							<div class="checkbox">
								<label> <input type="checkbox" value="remember-me">
									记住我
								</label>
							</div>
							<span class="input-group-addon"> <a href="forgetPass.html">忘记密码</a>
							</span>
						</div>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-8 col-sm-offset-2">
						<button class="btn btn-md btn-primary" type="submit">登陆</button>
						<a href="regsiter.html" class="btn btn-md btn-primary ml-3">注册</a>
					</div>
				</div>
			</form>
		</div>
	</div>

	<!-- 提示信息 -->
	<div class="container">
		<div class="col-sm-8 col-sm-offset-1">
			<div class="alert alert-warning alert-dismissible fade show"
				role="alert">
				<button type="button" class="close" data-dismiss="alert"
					aria-label="Close">
					<span aria-hidden="true">×</span>
				</button>
				成功退出
			</div>
		</div>
	</div>

	<footer class="footer">
		<div class="container">
			<div class="row">
				<div class="col-sm-11 col-lg-6">
					<h4>
						<!-- <img src="http://static.bootcss.com/www/assets/img/logo.png"> -->
					</h4>
					<p>
						本网站所列开源项目的中文版文档全部由<a href="#">用户中心</a>顶力开发 <a href="#"
							target="_blank">CC BY 3.0</a>协议发布。
					</p>
				</div>
				<div class="col-sm-11  col-lg-6">
					<div class="row">
						<div class="col-sm-3">
							<ul class="list-unstyled">
								<li class="mb-1">关于</li>
								<li class=""><a href="#" class="text-muted">关于我们</a></li>
								<li class=""><a href="#" class="text-muted">广告合作</a></li>
								<li class=""><a href="#" class="text-muted">友情链接</a></li>
								<li class=""><a href="#" class="text-muted">招聘</a></li>
							</ul>
						</div>
						<div class="col-sm-3">
							<ul class="list-unstyled">
								<li class="mb-1">联系方式</li>
								<li class=""><a href="#" class="text-muted">新浪微博</a></li>
								<li class=""><a href="#" class="text-muted">电子邮件</a></li>
							</ul>
						</div>
						<div class="col-sm-3">
							<ul class="list-unstyled">
								<li class="mb-1">旗下网站</li>
								<li class=""><a href="#" class="text-muted">Laravel中文网</a></li>
								<li class=""><a href="#" class="text-muted">Ghost中国</a></li>
							</ul>
						</div>
						<div class="col-sm-3">
							<ul class="list-unstyled">
								<li class="mb-1">赞助商</li>
								<li class=""><a href="#" class="text-muted">UCloud</a></li>
								<li class=""><a href="#" class="text-muted">又拍云</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<hr>
			<div class="row">
				<div class="col-md-11 col-md-offset-1 text-center">
					<ul class="list-inline">
						<li class="list-inline-item"><a href="#"
							class="text-secondary">京ICP备11008151号</a></li>
						<li class="list-inline-item">京公网安备11010802014853</li>
					</ul>
				</div>
			</div>
		</div>
	</footer>
</body>
</html>